<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>附近店铺</title>
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/public.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
 <script src="js/jquery.min.js?v=2.1.4"></script>
 <script src="js/core.js"></script>
<script src="js/fujingdianpu.js"></script>

</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">附近店铺</h1>
    </header>
</div>
<!--附近店铺-->
<div class="jg_dianpu" id="fujingdianpu">
</div>


<style>
.jg_dianpu_title2 em{
	font-size: 10px;
	color: #333333;
	height: 18px;
	line-height: 18px;
}

.jg_dianpu_title2 em span{
	float: right;
	font-size: 12px;
	color: #999999;
}
</style>

<script>
	 $(window).scroll(function() {
    if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
               pano++;
	          selectByusers();
	         
       }



  });	
</script>
<script>
var latitude="",longitude="";
   
	wx.ready(function(){
		wx.getLocation({
			type:"gcj02",
	        success: function (res) {
	        	     latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
			         longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
			        var speed = res.speed; // 速度，以米/每秒计
			        var accuracy = res.accuracy; // 位置精度
	       
//	               loadData(null,null,1);//加载数据
               selectByusers();
	        },
	        fail: function(error) {
	            alert("获取地理位置失败，请确保开启GPS且允许微信获取您的地理位置！");
	        }
	    });
	    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
	wx.error(function(res){
    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
});
	});

var pano=1;
var ss=0;
function  selectByusers(){
	   if(pano==1 || pano==2 || ss!=0){
	   $.ajax({
		url: urlcore + "/api/shopInfo/selectShopInfoList2?current="+pano+"&lng="+longitude+"&lat="+latitude,
		type: "get",
		dataType: 'json',
		contentType: "application/json;charset=utf-8",
		success:function(data){
			if (data.success == true) {
			ss=data.data.length;
				$.each(data.data,function(y,n){			
					var distance = n.juli;
					var julishu="";
              if(distance < 1000){
	         julishu+=distance+"m";
          }else if(distance > 1000){
          	 julishu+=(Math.round(distance/100)/10).toFixed(1) + "km";
          }

		 var fujingdianpu='<dl class="clearfix">'+
'		<dt>'+
'			<a href="6.0.0dianpu.html?id='+n.id+'">'+
'				<img onerror="errorImg(this)" src="'+n.head_img+'"/>'+
'			</a>'+
'		</dt>'+
'		<dd>'+
'			<div class="jg_dianpu_dizhi jg_dianpu_title">'+
'				<a href="4.4.1fujindianpu_ditu.html?id='+n.id+'">'+
'<h5>'+n.store_name+'<em>LV'+n.credit_level+'</em></h5></a>';
fujingdianpu+='			</div>'+
'			<p>'+n.phone+'</p>'+
'			<div class="jg_dianpu_title2">'+
'<em><img src="images/dizhi.png" /><em>'+n.address+'</em><span>距离';
        if(julishu==""){
            	fujingdianpu+='0.0km</span></em>';
            }else{
            	fujingdianpu+=''+julishu+'</span></em>';
            }
fujingdianpu+=
'			</div>'+
'		</dd>'+
'	</dl>';
                 $("#fujingdianpu").append(fujingdianpu);     
				});
			}
		},
		error:function() {
			/* Act on the event */
			alert("error");
		}
	});	
	   }
}

</script>
</body>
</html>